<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{margin:0;
			padding:0;}
			body{background-color: cornsilk;
			width:1200px;
			margin:0 auto;}
			.a{
			width:100%;
			height:50px;
			background:peachpuff;
			}
			ul{width:100%;
			display:flex;
			justify-content:space-around;
			align-items:center;
			}
			li{float:left; list-style:none; }
			li a{
				display:inline-block;
				text-align:center;
				line-height:50px;
				text-decoration:none;
				color:black;
				font-weight:bold;
			}
			.aa{overflow: hidden; position: relative; width: 100%; }
			.ab{display: flex; transition: transform 0.5s ease-in-out; }
			.ab img{ width:700px; height:300px;
			display: block;
			}
			@keyframes imgk {  
			  0% {  
			    transform: translateX(0);  
			  }  
			  100% {  
			    transform: translateX(-130%); }}
			.ab{animation: imgk 10s linear infinite;}
			.ab:hover{ animation-play-state: paused;}
			.ba{display:flex;}
			.ba img{width:200px;}
			.baa>img{float:left;}
			.bab>img{float:left;}
			.baa{width:50%; margin:40px;}
			.baa>p{font-size:11px; height:85px;}
			h2{background-color:salmon; text-align:center;}
			p{background-color: antiquewhite;  }
			.bab{margin:40px; width:50%;}
			.bac>img{width:200px; height:280px; float:left;}
			.bac{ margin:40px;}
			.bab>p{height:169px;}
			.ca>img{width:300px; float: left; margin-top:10px; }
			.ca{height:175px;}
			a:hover{
				background-color: antiquewhite;
			}
			
			@media(max-width:800px){
			.a{width:100%;}
			.ab img{100%}
			}
			.e{background-color: salmon;;:100%; height: 30px; margin-top:60px; }
			.e h2{text-align:center;}
		</style>
	</head>
	<body>
		<div class="aa">
			<div class="ab">
			<img src="img/4.jpeg">
			<img src="img/3.jpg">
			<img src="img/4.jpg">
			<img src="img/5.jpeg">
			</div>
		</div>
		<div class="a">
			<ul>
				<li><a href="2.html">首页</a></li>
				<li><a href="3.html">人物介绍</a></li>
				<li><a href="4.html">剧情介绍</a></li>
				<li><a href="5.html">图片鉴赏</a></li>
				<li><a href="6.html">影视大全</a></li>
			</ul>
		</div>
		<div class="b">
			<div class="ba">
				<div class="baa">
				<img src="img/5.jpg" alt="">
				<h2>简介</h2>
				<p>&nbsp;&nbsp;&nbsp;《蜡笔小新》是一部深受全球观众喜爱的日本家庭搞笑动画片，根据已故漫画家臼井仪人的同名漫画作品改编而成。自1992年4月13日起在日本朝日电视台播出以来，至今已播出超过1600多集，并仍在持续更新中。
故事的主人公是一个年仅5岁的日本小男孩野原新之助（小新）。小新内心早熟，喜欢别出心裁，富于幻想，行事风格总是超乎逻辑。他性格热情、口无遮拦、早熟、不太积极、容易吃醋、无厘头、腹黑，总能在日常生活中与家人、老师、同学、邻居、路人等之间发生一系列让人捧腹大笑的故事。
小新与家人居住在春日部的市郊，家庭成员包括爸爸野原广志、妈妈野原美冴，以及后来加入的妹妹野原向日葵。这些角色各自具有鲜明的个性和特点，与小新共同演绎出一幕幕温馨而有趣的家庭生活。<p>
				</div>
				<div class="bab">
				<img src="img/6.jpg" alt="">
				<h2>剧情简介</h2>
				<p>&nbsp;&nbsp;&nbsp;蜡笔小新（クレヨンしんちゃん）是一部于1992年出品的日本家庭搞笑动画片。
该片根据日本漫画家臼井仪人（1958-2009）所创作的同名漫画作品改编而成。
至今仍在播出，动画版由本乡满、原惠一、武藤裕治等导演执导。
主要配音演员包括矢岛晶子、楢桥美纪、藤原启治等。
				</p>
				</div>
			</div>
			<div class="bac">
							<img src="img/7.jpg" alt="">
							<h2>创作背景</h2>
							<p>1.作者灵感来源：蜡笔小新是由日本漫画家臼井仪人创作的。据臼井仪人先生所说，他创造出小新这个形象，是因为在观察自己的孩子时，发现小孩子的想法往往非常独特，世界在儿童的视角里呈现出了不一样的精彩纷呈。他认为所有的小孩都有乖巧和调皮的两面性，并在自己的作品中反映了这种两面性。
<br>2.艺术风格：蜡笔小新以轻松幽默、清新温暖的风格，描绘了5岁的野原新之助与其家人和好友有趣的日常生活。这种源于现实的创作风格，使得动画冲破了“动画片是给小孩看的”传统观念，更多地引起了很多成年人的情感共鸣。
<br>3.创作历程：漫画版于1990年8月在《weekly漫画action》上开始连载，2009年臼井仪人逝世后由其助手继续创作。两年后，即1992年，根据漫画改编的同名动画在朝日电视台播出，并迅速席卷全球，成为经久不衰的动漫IP。
<br>4.角色设计：小新名字的来源据说是因为作者臼井仪人想了4个名字，并记载在笔记本上，但由于笔记本被雨水淋湿，最后能看得清的只有“しんのすけ”，所以就起了这个名字。小新的卡通形象灵感来源于马铃薯，所以早期的漫画和动画中，小新都是像马铃薯的形象。
<br>5.文化特色：蜡笔小新以日本埼玉县春日部市为背景，通过小新的故事展现了日本核心家庭的日常生活，以及小新与家人、朋友间的深厚情感。同时，小新有时也会展现出超乎常人的勇气与智慧，如面对家人、社区甚至春日部市的危机时。</p>
							</div>
		</div>
		<div class="c">
			<h2>精彩图片</h2>
			<div class="ca">
				<img src="img/8.jpg">
				<img src="img/9.jpg">
				<img src="img/10.jpg">
				<img src="img/11.jpg">
			</div>
			<div class="e">
				<h2>&copy;蜡笔小新</h2>
			</div>
	</body>
</html>